<%@page import="com.xnx3.j2ee.Global" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@page import="com.xnx3.wangmarket.admin.G" %>
<%@ page import="static com.xnx3.j2ee.shiro.ShiroFunc.getUserId" %>
<!DOCTYPE html>
<html style="margin: 0;padding: 0px;height: 100%;overflow: hidden;">
<head>
    <meta charset="utf-8">
    <title><%=Global.get("SITE_NAME") %>
    </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="http://res.weiunity.com/js/jquery-2.1.4.js"></script>

    <script src="http://118.25.235.213:8030/js/fun.js"></script>

    <!-- 模版的加载都是动态加载，在下面js里 -->
    <script src="http://res.weiunity.com/layer/layer.js" type="text/javascript"></script>
    <script src="http://res.weiunity.com/layui2/layui.js"></script>
    <link href="http://res.weiunity.com/layui2/css/layui.css" rel="stylesheet" type="text/css">

    <script src="http://res.weiunity.com/js/jquery-weui.js" type="text/javascript"></script>
    <link href="http://res.weiunity.com/css/weui.min.css" rel="stylesheet" type="text/css">
    <link href="http://res.weiunity.com/css/jquery-weui.css" rel="stylesheet" type="text/css">
    <%--<link href="../../../css/jquery-weui.css">--%>
    <%--<link href="../../../css/weui.css">--%>
    <%--<link href="../../../css/layui.css" rel="stylesheet" type="text/css">--%>

    <script src="http://res.weiunity.com/js/iw.js"></script>
    <script>
        var masterSiteUrl = '<%=basePath %>';
    </script>
    <style>
        #editPanel {
            position: absolute;
            top: 0px;
            width: 150px;
        }

        #editPanel span {
            width: 100%;
        }

        .menu {
            width: 150px;
            height: 100%;
            background-color: #fff !important;
            position: fixed;
            top: 0;
            left: 0;
        }

        .menu ul li {
            cursor: pointer;
        }

        .menu .layui-nav-item a {
            color: #666 !important;
            text-decoration: none;

        }

        .layui-nav-tree .layui-nav-item a:hover {
            background: #d9d9d9;
        }

        .menu .layui-this a {
            color: #fff !important;
        }


        /*顶部导航的按钮*/
        #topNav div button {
            color: #5FB878;
            cursor: pointer;
            /*border-color: #009688;*/
            border: 1px;
            border-style: solid;
            padding: 3px;
            padding-left: 8px;
            padding-right: 8px;
            border-radius: 12px;
            background-color: #2b2e37;
        }

        /*左侧的一级菜单的图标*/
        .firstMenuIcon {
            font-size: 16px;
            padding-right: 8px;
            font-weight: 700;
        }

        /*左侧的一级菜单的文字描述*/
        .firstMenuFont {
            font-size: 12px;
        }
        .layui-nav * {
            font-size: 12px;
        }
        .layui-nav-tree .layui-nav-child a {
            padding-left: 43px;
        }
        .menu .layui-this a{
            /*background-color: #0bb20c;*/
            color:black !important;
        }
        .top_htmledit_buttom {
            position: absolute;
            /*background-color: #4b2e47;*/
            padding: 4px;
            border-radius: 10px;
            margin-left: 2px;
            cursor: pointer;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-top: 3px;
            color: #2FE878;
            opacity: 0.8;
        }
        .three_this{
            background-color: #2FE878!important;
        }
        .layui-nav-itemed .layui-nav-child{
            background-color: #ffffff !important;
        }
        .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {
            background-color: #ffffff;
            color: #ffffff;
        }
    </style>
</head>
<body style="
    margin: 0;
    padding:0px;
    height: 100%;
    overflow: hidden;

">

<div style="width:100%;height:100%;">
    <div id="leftMenu" class="layui-nav layui-nav-tree layui-nav-side menu" style="width: 160px">
        <ul class="">
            <% if (com.xnx3.wangmarket.domain.G.aliyunLogUtil != null) { %>
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <i class="layui-icon firstMenuIcon">&#xe62c;</i>
                    <span class="firstMenuFont">日志访问</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a id="rzfw_fangwentongji" class="subMenuItem"
                           href="javascript:loadIframeByUrl('<%=basePath %>requestLog/fangwentongji.do'), notUseTopTools();">访问统计</a>
                    </dd>
                    <dd><a id="rzfw_pachongtongji" class="subMenuItem"
                           href="javascript:loadIframeByUrl('<%=basePath %>requestLog/pachongtongji.do'), notUseTopTools();">爬虫统计</a>
                    </dd>
                    <dd><a id="rzfw_caozuorizhi" class="subMenuItem"
                           href="javascript:loadIframeByUrl('<%=basePath %>requestLog/actionLogList.do'), notUseTopTools();">操作日志</a>
                    </dd>
                </dl>
            </li>
            <% } %>
            <% if (com.xnx3.wangmarket.im.Global.kefuMNSUtil != null) { %>
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <i class="layui-icon firstMenuIcon">&#xe63a;</i>
                    <span class="firstMenuFont">客服管理</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a id="im_menu" class="subMenuItem" href="javascript:openKefuSet();">基本设置</a></dd>
                    <dd><a id="im_hostory" class="subMenuItem"
                           href="javascript:loadIframeByUrl('<%=basePath %>im/hostoryChatList.do'), notUseTopTools();">历史咨询</a>
                    </dd>
                </dl>
            </li>
            <% } %>
            <script>
                if (document.getElementById('plugin_submenu').innerHTML.length > 5) {
                    document.getElementById('plugin').style.display = '';
                }
            </script>

            <li class="layui-nav-item">
                <a id="webSet"
                   href="javascript:loadIframeByUrl('<%=basePath %>site/baseEdit.do'), notUseTopTools();">
                    <i class="layui-icon firstMenuIcon">&#xe620;</i>
                    <span class="firstMenuFont">网站设置</span>
                </a>
            </li>

            <li class="layui-nav-item">
                <a id="lanmuguanli"
                   href="javascript:loadIframeByUrl('<%=basePath %>column/popupListForTemplate.do'), notUseTopTools();">
                    <i class="layui-icon firstMenuIcon">&#xe638;</i>
                    <span class="firstMenuFont">栏目管理</span>
                </a>
            </li>

            <%--<li class="layui-nav-item">--%>
            <%--<a id="webSet"--%>
            <%--href="javascript:loadIframeByUrl('<%=basePath %>site/baseEdit.do'), notUseTopTools();">--%>
            <%--<i class="layui-icon firstMenuIcon">&#xe620;</i>--%>
            <%--<span class="firstMenuFont">网站设置</span>--%>
            <%--</a>--%>
            <%--</li>--%>

            <li class="layui-nav-item">
                <a id="neirongguanli"
                   href="javascript:;">
                    <i class="layui-icon firstMenuIcon">&#xe647;</i>
                    <span class="firstMenuFont">内容管理</span>
                </a>

                <dl class="layui-nav-child">
                    <a href="javascript:loadIframeByUrl('<%=basePath %>news/listForTemplate.do'), notUseTopTools();">所有内容</a>
                    <c:forEach items="${columns}" var="columnList">
                        <dd style="margin-left: 10px">
                           <c:if test="${empty columnList.siteColumnChildren}">
                               <a href="javascript:loadIframeByUrl('<%=basePath %>news/listForTemplate.do?cid=${columnList.id}'),notUseTopTools();" class="menu_three">${columnList.name}</a>
                           </c:if>
                            <c:if test="${!empty columnList.siteColumnChildren}">
                                <a href="javascript:;" class="menu_three">${columnList.name}</a>
                                <ol class="layui-nav-child" style="display: none;">
                                <c:forEach items="${columnList.siteColumnChildren}" var="childrenCol">
                                    <li style="margin-left: 10px">
                                        <a class="child" href="javascript:loadIframeByUrl('<%=basePath %>news/listForTemplate.do?cid=${childrenCol.id}'),notUseTopTools();">${childrenCol.name}</a>
                                    </li>
                                </c:forEach>
                                </ol>
                            </c:if>

                        </dd>
                    </c:forEach>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a id="chanpinguanli"
                   href="javascript:;">
                    <i class="layui-icon firstMenuIcon">&#xe635;</i>
                    <span class="firstMenuFont">产品管理</span>
                </a>
                <dl class="layui-nav-child" style="margin-left: 10px">
                    <dd>
                        <a href="javascript:loadIframeByUrl('<%=basePath %>productManagement/queryProductList.do'), notUseTopTools();">产品编辑</a>
                    </dd>
                    <dd>
                        <a href="javascript:loadIframeByUrl('<%=basePath %>productManagement/productAddList.do'), notUseTopTools();">新增产品</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a id="experiment"
                   href="javascript:;">
                    <i class="layui-icon firstMenuIcon">&#xe6ef;</i>
                    <span class="firstMenuFont">实验结论</span>
                </a>
                <dl class="layui-nav-child" style="margin-left: 10px">
                    <dd>
                        <a href="javascript:loadIframeByUrl('<%=basePath %>EmpiricalController/queryEmpiricalList.do'), notUseTopTools();">编辑实验结论</a>
                    </dd>
                    <dd>
                        <a href="javascript:loadIframeByUrl('<%=basePath %>EmpiricalController/empiricalAddList.do'), notUseTopTools();">新增实验结论</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a id="broadcast"
                   href="javascript:;">
                    <i class="layui-icon firstMenuIcon">&#xe60d;</i>
                    <span class="firstMenuFont">轮播图管理</span>
                </a>
                <dl class="layui-nav-child" style="margin-left: 10px">
                    <dd>
                        <a href="javascript:loadIframeByUrl('<%=basePath %>CompanyInfoController/queryBroadcasts.do'), notUseTopTools();">编辑轮播图</a>
                    </dd>
                    <dd>
                        <a href="javascript:loadIframeByUrl('<%=basePath %>CompanyInfoController/companyAddList.do'), notUseTopTools();">新增轮播图</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a id="qrCode"
                <%--href="javascript:loadIframeByUrl('<%=basePath %>CompanyInfoController/getErWeiCode.do'), notUseTopTools();">--%>
                   href="javascript:loadIframeByUrl('<%=basePath %>QrCodeController/qrCode.do'), notUseTopTools();">
                    <i class="layui-icon firstMenuIcon">&#xe60e;</i>
                    <span class="firstMenuFont">生成二维码</span>
                </a>
            </li>
            <li class="layui-nav-item">
                <a id="showWeb"
                   <%--javascript:loadIframeByUrl('http://118.25.235.213:8030/rfpf/#/mains/<%=getUserId()%>')--%>
                   href="javascript:loadIframeByUrl('http://118.25.235.213:8030/rfpf/#/mains/<%=getUserId()%>')">
                    <i class="layui-icon firstMenuIcon">&#xe624;</i>
                    <span class="firstMenuFont">预览网站</span>
                </a>
            </li>
            <%--<li class="layui-nav-item" style="position: absolute;bottom: 50px;">--%>
                <%--<a id="tuichudenglu" href="../user/logout.do">--%>
                    <%--<i class="layui-icon firstMenuIcon">&#xe633;</i>--%>
                    <%--<span class="firstMenuFont">退出登陆</span>--%>
                <%--</a>--%>
            <%--</li>--%>
        </ul>
    </div>
    <!-- 代码编辑模式所需资源 -->
    <link rel="stylesheet" href="http://res.weiunity.com/editor/css/editormd.css"/>
    <script src="http://res.weiunity.com/editor/editormd.js"></script>

    <div id="content"
         style="width: 100%;height:100%;position: absolute;left: 150px;word-wrap: break-word;border-right: 150px;box-sizing: border-box; border-right-style: dotted;">
        <%--<div id="topNav"--%>
        <%--style="background-color: white; color:#c2ccd1; height: 38px;line-height: 38px;padding-left: 12px; margin-left:-1px;">--%>
        <%--&lt;%&ndash;<H3 style="margin-left: 50%"> 您的访问地址：http://112.74.173.99/test/#/mains/<%=getUserId()%>&ndash;%&gt;--%>
        <%--</H3>--%>
        <%--<div style="padding-left: 50px;">--%>
        <%--</div>--%>
        <%--</div>--%>
        <iframe name="iframe" id="iframe" frameborder="0"
                style="width:100%;height:100%;padding-bottom: 38px;box-sizing: border-box;"></iframe>
        <div id="htmlMode" style="width:100%;height:100%; display:none; padding-bottom: 38px;box-sizing: border-box;">
            <style>
                .CodeMirror-linenumber {
                    padding: 0px;
                    padding-left: 1px;
                }
            </style>
            <div id="editormd" style="width:100%; height:100%;"></div>
            <textarea id="html_textarea"></textarea>
        </div>
    </div>
</div>

<script src="http://118.25.235.213:8030/js/commonedit.js?v=<%=G.VERSION %>"></script>
<script src="http://118.25.235.213:8030/js/indexedit.js"></script>
<script>

    //JavaScript代码区域三级列表
    layui.use(['element', 'jquery'], function () {
        var element = layui.element, $ = layui.jquery;
        $(".menu_three").click(function () {
            $(this).next().toggle();
        })
        $("ol").on("click", "li a", function () {
            $.each($(this).parent().siblings(), function (i, e) {
                $(e).find("a").removeClass('three_this')
            });
            $(this).addClass('three_this');                            // 添加当前元素的样式
        })
    });


    layui.use('element', function () {
        var element = layui.element;
    });

    //判断当前主体区域显示的内容
    if ('${needSelectTemplate}' == 1) {
        //可能是新网站，还没有选择模版，首先会打开选择模版页面
        loadIframeByUrl('<%=basePath %>site/baseEdit.do');
    } else {
        //有模版了，直接进入首页
        loadIframe();
    }

    var currentMode = 1;	//默认为智能模式，1智能模式、2代码模式
    //模式切换
    var testEditor;

    function htmledit_mode() {
        $.showLoading('切换中...');
        if (currentMode == 1) {
            document.getElementById("iframe").style.display = 'none';
            document.getElementById("htmlMode").style.display = '';

            //判断一下，如果模版页面不是正常的HTML模版，那么在切换到代码模式时，不进行赋值textarea的操作
            var html = '';
            try {
                html = getHtmlSource();
            } catch (error) {
            }

            if (html != '') {
                //由智能模式切换代码模式
                document.getElementById("html_textarea").value = getHtmlSource();
                testEditor = editormd("editormd", {
                    width: "100%",
                    height: "100%",
                    watch: false,
                    toolbar: false,
                    codeFold: true,
                    searchReplace: true,
                    placeholder: "请输入html代码",
                    value: document.getElementById("html_textarea").value,
                    theme: "default",
                    mode: "text/html",
                    path: 'http://res.weiunity.com/editor/lib/'
                });
            }

            document.getElementById("htmledit_mode").innerHTML = '智能模式';
            currentMode = 2;
        } else {
            //由代码模式切换智能模式

            document.getElementById("iframe").style.display = '';
            document.getElementById("htmlMode").style.display = 'none';

            //将editormd的值转到textarea中
            document.getElementById("html_textarea").value = testEditor.getValue();

            var o = document.getElementById("iframe");
            ed = document.all ? o.contentWindow.document : o.contentDocument;
            ed.open();
            ed.write(testEditor.getValue());
            ed.close();

            document.getElementById("htmledit_mode").innerHTML = '代码模式';
            currentMode = 1;
        }
        $.hideLoading();
    }

    function getHtmlSource() {
        if ($(window.parent.document).contents().find("#iframe")[0] == undefined) {
            return $(window.document).contents().find("#iframe")[0].contentWindow.xnx3_getHtmlSource();
        } else {
            return $(window.parent.document).contents().find("#iframe")[0].contentWindow.xnx3_getHtmlSource();
        }
    }

    //保存HTML源代码
    function saveHtmlSource() {
        //html源代码
        var html;
        if (currentMode == 1) {
            //傻瓜模式，再iframe中
            html = getHtmlSource();
        } else {
            //开发者模式，在 editormd 中获取，（已不在textarea中，textarea只是切换智能模式与代码模式的中转站）

            //将editormd的值转到textarea中
            document.getElementById("html_textarea").value = testEditor.getValue();
            html = document.getElementById("html_textarea").value
        }

        iw.loading('保存中');
        var pageName = document.getElementById("currentTemplatePageName").value;
        $.post("<%=basePath %>template/saveTemplatePageText.do", {pageName: pageName, html: html}, function (data) {
            iw.loadClose();
            if (data.result == 1) {
                iw.msgSuccess("保存成功");
                //layer.msg('保存成功', {shade: 0.2});
            } else {
                layer.msg(data.info, {shade: 0.2});
            }
        });
    }


    //Jquery layer 提示

    $(function () {
        //编辑模式
        var htmledit_mode_tipindex = 0;
        $("#htmledit_mode").hover(function () {
            htmledit_mode_tipindex = layer.tips('可以快速您网站当前的编辑模式<br/><b>智能模式</b>：想改哪里点哪里，点了直接改！修改时右键还会有更多的选择！<br/><b>代码模式</b>：以最原始代码的形式提供编辑。建议有一定编程基础或者稍微懂点的专业人士使用', '#htmledit_mode', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true,
                area: ['310px', 'auto']
            });
        }, function () {
            layer.close(htmledit_mode_tipindex);
        })


        //保存按钮
        var save_tipindex = 0;
        $("#save").hover(function () {
            save_tipindex = layer.tips('将您当前所操作的页面保存。保存后可预览查看，刷新一下看看其是否已改变', '#save', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(save_tipindex);
        })

        //模版变量
        var mobanbianliang_tipindex = 0;
        $("#mobanbianliang").hover(function () {
            mobanbianliang_tipindex = layer.tips('当前网站模版页面所使用的动态变量内容，可再模版页面中使用<div style="padding:5px; font-size:16px">{include=变量名}</div>随处调出使用、显示', '#mobanbianliang', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(mobanbianliang_tipindex);
        })

        //模版页面
        var mobanyemian_tipindex = 0;
        $("#mobanyemian").hover(function () {
            mobanyemian_tipindex = layer.tips('当前网站所使用的模版，如首页、列表、内容详情等。', '#mobanyemian', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(mobanyemian_tipindex);
        })

        //输入模型
        var shurumoxing_tipindex = 0;
        $("#shurumoxing").hover(function () {
            shurumoxing_tipindex = layer.tips('自定义用户内容管理时，文章编辑的添加数据的模版，比如，有的栏目有标题图片，有的栏目没有，都可以在这里配置 <br/><b>供开发模版的专业人员使用，建议使用网站的用户不懂的情况下不要修改此处</b>', '#shurumoxing', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(shurumoxing_tipindex);
        })

        //导入模版
        var daorutemplate_tipindex = 0;
        $("#daorutemplate").hover(function () {
            daorutemplate_tipindex = layer.tips('1.&nbsp;&nbsp;当网站刚创建，但尚未有模版时，此处可从云端模版库、或者本地自有模版中导入现有的模版，快速创建模版页面、模版变量、以及栏目，实现极速建站<br/>2.&nbsp;&nbsp;当模版已经存在，使用了模版后，可以通过此处进行还原操作。还原回模版某一时刻的样子', '#daorutemplate', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(daorutemplate_tipindex);
        })


        //导出模版
        var daochutemplate_tipindex = 0;
        $("#daochutemplate").hover(function () {
            daochutemplate_tipindex = layer.tips('1.&nbsp;&nbsp;将当前网站的模版导出，可以在新网站中将导出的模版文件导入，实现快速复制网站。<br/>2.&nbsp;&nbsp;也会起到备份模版的作用，网站如果操作失误删除东西了，可以通过此处进行还原回来', '#daochutemplate', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(daochutemplate_tipindex);
        })

        var mobanshiyongshuoming_tipindex = 0;
        $("#mobanshiyongshuoming").hover(function () {
            mobanshiyongshuoming_tipindex = layer.tips('若您使用的是官方制作的云端模版，这里可显示当前模版的使用说明，快速上手知晓如何使用', '#mobanshiyongshuoming', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(mobanshiyongshuoming_tipindex);
        })

        var fangwentongji_tipindex = 0;
        $("#fangwentongji").hover(function () {
            fangwentongji_tipindex = layer.tips('当前网站的访问情况、访问记录，以及各搜索引擎抓取情况等', '#fangwentongji', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(fangwentongji_tipindex);
        })


        //模版的开发文档
        var kaifawendang_tipindex = 0;
        $("#kaifawendang").hover(function () {
            kaifawendang_tipindex = layer.tips('模版开发入门、模版制作帮助文档，帮您十分钟入门，2天成大神。<br/>文档正在完善中', '#kaifawendang', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(kaifawendang_tipindex);
        })

        //栏目管理
        var lanmuguanli_tipindex = 0;
        $("#lanmuguanli").hover(function () {
            lanmuguanli_tipindex = layer.tips({
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(lanmuguanli_tipindex);
        })

        //内容管理
        var neirongguanli_tipindex = 0;
        $("#neirongguanli").hover(function () {
            neirongguanli_tipindex = layer.tips({
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(neirongguanli_tipindex);
        })

        //生成整站
        var shengchengzhengzhan_tipindex = 0;
        $("#shengchengzhengzhan").hover(function () {
            shengchengzhengzhan_tipindex = layer.tips('网站添加新闻了、产品了、修改过模版什么的了，最后这里，生成整站后，别人访问你的网址才能看到效果', '#shengchengzhengzhan', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(shengchengzhengzhan_tipindex);
        })


        //帮助说明－基本功能 说明
        var help_basicUse_tipindex = 0;
        $("#help_basicUse").hover(function () {
            help_basicUse_tipindex = layer.tips('网站基本功能使用说明，基本功能介绍，网站使用引导。看完15分钟视频，便可熟练操作网站', '#help_basicUse', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(help_basicUse_tipindex);
        })

        //技术支持，显示自己的上级代理商
        var parentagency_tipindex = 0;
        $("#parentagency").hover(function () {
            parentagency_tipindex = layer.tips('操作网站的过程中，有什么不懂的地方，尽可以联系我们，帮助您拥有自己的网站！', '#parentagency', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(parentagency_tipindex);
        })

        //显示、隐藏侧边栏
        var showHiddenLeftMenu_tipindex = 0;
        $("#showHiddenLeftMenu").hover(function () {
            showHiddenLeftMenu_tipindex = layer.tips('power by supermap', '#showHiddenLeftMenu', {
                tips: [2, '#0FA6A8'], //还可配置颜色
                time: 0,
                tipsMore: true
            });
        }, function () {
            layer.close(showHiddenLeftMenu_tipindex);
        })

    })

    //显示、隐藏顶部的导航栏
    var currentTopNavShow = true;	//当前默认的顶部导航是显示的
    function showHiddenTopNav() {
        if (currentTopNavShow) {
            currentTopNavShow = false;
            document.getElementById("htmledit_openButton").innerHTML = '展开<i class="layui-icon">&#xe602;</i>';
            document.getElementById("topNav").style.display = 'none';

            //主体区域的iframe跟textarea的高度变为100%
            document.getElementById("iframe").style.paddingBottom = '0px';
            document.getElementById("htmlMode").style.paddingBottom = '0px';
        } else {
            currentTopNavShow = true;
            document.getElementById("htmledit_openButton").innerHTML = '<i class="layui-icon">&#xe603;</i>隐藏';
            document.getElementById("topNav").style.display = '';

            //主体区域的iframe跟textarea的高度变为底部缩紧38px
            document.getElementById("iframe").style.paddingBottom = '38px';
            document.getElementById("htmlMode").style.paddingBottom = '38px';
        }
    }

    /**
     * 弹出模版标签帮助窗口
     * @param title 窗口的标题文字
     * @param htmlNameTag 帮助的网址后面的描点名字
     * @param height 弹出窗口的宽度,整数。会自动拼接px
     * @param height 弹出窗口的高度,整数。会自动拼接px
     */
    function popupTemplateTagHelp(title, htmlNameTag, width, height) {
        var url = '';
        if (htmlNameTag.indexOf('http://') > -1) {
            url = htmlNameTag;
        } else {
            url = 'http://res.weiunity.com/html/templateTag/index.jsp#' + htmlNameTag;
        }
        layer.open({
            type: 2 //iframe
            , title: title
            , area: [width + 'px', height + 'px']
            , shade: 0
            , offset: [ //为了演示，随机坐标
                Math.random() * ($(window).height() - 300)
                , Math.random() * ($(window).width() - 390)
            ]
            , maxmin: true
            , content: url
            , zIndex: layer.zIndex //重点1
            , success: function (layero) {
                layer.setTop(layero); //重点2
            }
        });
    }

    //在主题内容区域iframe中加载制定的页面
    function loadIframeByUrl(url) {
        if (currentMode == 2) {
            //如果当前是编辑模版页的代码模式下，将其切换回智能模式。不然内容管理等这些就显示不出来了
            htmledit_mode();
        }
        document.getElementById("iframe").src = url;
    }

    //使用头部工具栏，使用时，会在头部出现工具栏，或者出现展开的按钮
    function useTopTools() {
        document.getElementById("htmledit_openButton").style.display = '';
        if (currentTopNavShow == false) {
            document.getElementById("htmledit_openButton").innerHTML = '展开<i class="layui-icon">&#xe602;</i>';
            document.getElementById("topNav").style.display = 'none';

            //主体区域的iframe跟textarea的高度变为100%
            document.getElementById("iframe").style.paddingBottom = '0px';
            document.getElementById("htmlMode").style.paddingBottom = '0px';
        } else {
            document.getElementById("htmledit_openButton").innerHTML = '<i class="layui-icon">&#xe603;</i>隐藏';
            document.getElementById("topNav").style.display = '';

            //主体区域的iframe跟textarea的高度变为底部缩紧38px
            document.getElementById("iframe").style.paddingBottom = '38px';
            document.getElementById("htmlMode").style.paddingBottom = '38px';
        }
    }

    //不使用头部工具栏，不使用时，头部什么也没有
    function notUseTopTools() {
        //隐藏头部
        document.getElementById("htmledit_openButton").style.display = 'none';
        document.getElementById("topNav").style.display = 'none';

        //主体区域的iframe跟textarea的高度变为100%
        document.getElementById("iframe").style.paddingBottom = '0px';
        document.getElementById("htmlMode").style.paddingBottom = '0px';
    }

    //缩小左侧菜单
    var currentZoomOut = false;	//当前左侧导航栏是否是缩小模式
    function zoomLeftMenu() {
        if (currentZoomOut) {
            //展开
            //缩小菜单时，会将菜单内容隐去，菜单图标缩小
            $(".firstMenuIcon").css("font-size", 16);
            $(".firstMenuFont").css('display', '');

            //将左侧菜单宽度缩小至72px,同时，右侧也要向左移动
            document.getElementById("leftMenu").style.width = '150px';
            document.getElementById("content").style.left = '150px';
            document.getElementById("content").style.borderRight = '150px dotted';
            document.getElementById("content").style.boxSizing = "border-box";

            //左侧菜单的二级菜单
            $(".subMenuItem").css("subMenuItem", "ellipsis");
            $(".subMenuItem").css("font-size", 14);
            $(".subMenuItem").css("paddingLeft", 43);
            document.getElementById("jibenxinxi").innerHTML = '基本信息';
            document.getElementById("wangzhanshuxing").innerHTML = '网站设置';
            document.getElementById("chakanwangzhan").innerHTML = '预览网站';
            document.getElementById("wentifankui").innerHTML = '问题反馈';
            document.getElementById("mobanbianliang").innerHTML = '模版变量';
            document.getElementById("mobanyemian").innerHTML = '模版页面';
            document.getElementById("daochutemplate").innerHTML = '导出/备份';
            document.getElementById("daorutemplate").innerHTML = '导入/还原';
            document.getElementById("kaifawendang").innerHTML = '开发文档';
            document.getElementById("mobanshiyongshuoming").innerHTML = '使用说明';
            try {
                document.getElementById("rzfw_fangwentongji").innerHTML = '访问统计';
                document.getElementById("rzfw_pachongtongji").innerHTML = '爬虫统计';
                document.getElementById("rzfw_caozuorizhi").innerHTML = '操作日志';
            } catch (error) {
            }
            document.getElementById("help_basicUse").innerHTML = '基本使用';
            document.getElementById("shurumoxing").innerHTML = '输入模型';
            <% if(com.xnx3.wangmarket.im.Global.kefuMNSUtil != null){ %>
            document.getElementById("im_menu").innerHTML = '基本设置';
            document.getElementById("im_hostory").innerHTML = '历史咨询';
            <% } %>
            document.getElementById("xiugaimima").innerHTML = '修改密码';
            document.getElementById("templateplugin").innerHTML = '模版插件';


            //左下角的缩放按钮
            document.getElementById("showHiddenLeftMenu_icon").innerHTML = '&#xe603;';

            currentZoomOut = false;
        } else {
            //缩小菜单时，会将菜单内容隐去，菜单图标扩大
            $(".firstMenuIcon").css("font-size", 22);
            $(".firstMenuFont").css('display', 'none');

            //将左侧菜单宽度缩小至72px,同时，右侧也要向左移动
            document.getElementById("leftMenu").style.width = '72px';
            document.getElementById("content").style.left = '72px';
            document.getElementById("content").style.borderRight = '72px dotted';
            document.getElementById("content").style.boxSizing = "border-box";

            //左侧菜单的二级菜单
            $(".subMenuItem").css("textOverflow", "inherit");
            $(".subMenuItem").css("font-size", 12);
            $(".subMenuItem").css("paddingLeft", 26);
            document.getElementById("jibenxinxi").innerHTML = '信息';
            document.getElementById("wangzhanshuxing").innerHTML = '设置';
            document.getElementById("chakanwangzhan").innerHTML = '预览';
            document.getElementById("wentifankui").innerHTML = '反馈';
            document.getElementById("mobanbianliang").innerHTML = '变量';
            document.getElementById("mobanyemian").innerHTML = '页面';
            document.getElementById("daochutemplate").innerHTML = '备份';
            document.getElementById("daorutemplate").innerHTML = '还原';
            document.getElementById("kaifawendang").innerHTML = '文档';
            document.getElementById("mobanshiyongshuoming").innerHTML = '使用';
            try {
                document.getElementById("rzfw_fangwentongji").innerHTML = '访问';
                document.getElementById("rzfw_pachongtongji").innerHTML = '爬虫';
                document.getElementById("rzfw_caozuorizhi").innerHTML = '日志';
            } catch (error) {
            }
            document.getElementById("help_basicUse").innerHTML = '基本';
            document.getElementById("shurumoxing").innerHTML = '输入';
            <% if(com.xnx3.wangmarket.im.Global.kefuMNSUtil != null){ %>
            document.getElementById("im_menu").innerHTML = '设置';
            document.getElementById("im_hostory").innerHTML = '历史';
            <% } %>
            document.getElementById("xiugaimima").innerHTML = '改密';
            document.getElementById("templateplugin").innerHTML = '插件';


            //左下角的缩放按钮
            document.getElementById("showHiddenLeftMenu_icon").innerHTML = '&#xe602;';

            currentZoomOut = true;
        }
    }

    //模版使用说明
    <%--function mobanshiyongshuoming(){--%>
    <%--var tn = '${site.templateName}';--%>
    <%--if(tn == 'null' || tn.length == 0){--%>
    <%--layer.msg('您当前没有使用云端模版，无云端使用说明');--%>
    <%--}else{--%>
    <%--layer.open({--%>
    <%--type: 2--%>
    <%--,title : '当前使用的云模版，使用说明。可在左侧模版管理－使用说明中查看'--%>
    <%--,area :['700px','450px']--%>
    <%--,maxmin : true--%>
    <%--,content: 'http://res.weiunity.com/template/'+tn+'/useExplain.html'--%>
    <%--});--%>
    <%--}--%>
    <%--}--%>

    //默认使用的是首页，那么顶部的导航，可用标签进行显示控制
    document.getElementById("currentTemplateType").innerHTML = '首页模版';
    document.getElementById("tongyong").style.display = '';
    document.getElementById("lanmu").style.display = 'none';
    document.getElementById("fenye").style.display = 'none';
    document.getElementById("wenzhang").style.display = 'none';
    document.getElementById("dongtailanmu").style.display = '';
    document.getElementById("xiangqingduyou").style.display = 'none';
    document.getElementById("liebiaoduyou").style.display = 'none';


    //版本更新提示
    setTimeout("versionUpdateRemind('<%=G.VERSION %>');", 3000);//延时3秒

</script>


${siteRemainHintJavaScript }


<%--<script type="text/javascript">--%>
<%--//网站开通24小时内，登录会弹出网站快速开通的视频说明--%>
<%--function shipinjiaocheng(){--%>
<%--try {--%>
<%--var currentTime = Date.parse( new Date() ).toString();--%>
<%--currentTime = currentTime.substr(0,10);--%>
<%--if(currentTime - ${user.regtime } < 86400){--%>
<%--var shipinjiaocheng_tip = layer.open({--%>
<%--title: '10分钟快速入门使用视频教程',offset: 'b',--%>
<%--shadeClose : true--%>
<%--,content: '检测到您刚开通网站第一天，特送上教程一份！<br>您以后可在左侧菜单中，找到“帮助说明”下的"基本使用"，可以随时查看',--%>
<%--btn: ['观看视频教程'],--%>
<%--yes: function(index, layero){--%>
<%--window.open('http://www.wscso.com/site_basicUse.html');--%>
<%--layer.close(shipinjiaocheng_tip); //如果设定了yes回调，需进行手工关闭--%>
<%--}--%>
<%--});    --%>
<%----%>
<%--}--%>
<%--} catch(error) {}--%>
<%--}--%>
<%--setTimeout("shipinjiaocheng()",2000);--%>


<%--//服务于上级代理显示的窗口--%>
<%--function getTr(name, value){--%>
<%--if(typeof(value) == 'undefined' || value == null || value.length == 0){--%>
<%--//忽略--%>
<%--return "";--%>
<%--}else{--%>
<%--return '<tr><td>'+name+'</td><td>'+value+'</td></tr>';--%>
<%--}--%>
<%--}--%>
<%--//弹出其上级代理的信息--%>
<%--function jumpParentAgency(){--%>
<%--content = '<table class="layui-table" style="margin:0px;"><tbody>'--%>
<%--+getTr('名称', '${parentAgency.name}')--%>
<%--+getTr('QQ', '${parentAgency.qq}')--%>
<%--+getTr('手机', '${parentAgency.phone}')--%>
<%--+getTr('地址', '${parentAgency.address}')--%>
<%--+'</tbody></table>';--%>
<%----%>
<%--layer.open({--%>
<%--type: 1--%>
<%--,title: '技术支持'--%>
<%--,shadeClose:true--%>
<%--,content: content--%>
<%--,resize: false--%>
<%--});--%>
<%--}--%>

<%--//右侧弹出提示--%>
<%--function rightTip(){--%>
<%--layer.open({--%>
<%--title: '演示站点提示文字',offset: 'rb', shadeClose:true, shade:0--%>
<%--,area: ['500px', 'auto']--%>
<%--,btn: ['我知道了'] //可以无限个按钮--%>
<%--,content:  '若我方对你有用，我们愿与各行业进行合作、资源交换！网站可由代理平台在线开通，或由用户自己自助开通完全无人干预！<a href="http://www.wang.market/index.html#join" target="_black" style="text-decoration: underline;color: blue;">合作方式</a><br/>'+--%>
<%--'若您只是想要个此类网站，你可关注我们微信公众号： wangmarket'+--%>
<%--'<div style="text-align:center;"><img src="http://res.weiunity.com/image/weixin_gzh.png" style="width:150px; height:150px;" /></div>'+--%>
<%--'回复“要网站”即可免费得到一个跟此一样的网站。无任何广告！'+--%>
<%--'另外您有什么问题、资源交换、各种合作意向，都可关注后跟我们在线沟通咨询<br/>'+--%>
<%--'我们官网：<a href="http://www.wang.market" target="_black" style="text-decoration: underline;color: blue;">www.wang.market</a><br/>'+--%>
<%--'我的微信：xnx3com &nbsp;&nbsp;&nbsp;QQ：921153866 <br/>'+--%>
<%--'本程序已在GitHub开源：<a href="https://github.com/xnx3/wangmarket" target="_black" style="text-decoration: underline;color: blue;">github.com/xnx3/wangmarket</a><br/>'+--%>
<%--'<div style="padding-top:35px;color: lightcoral; padding-left: 35px;">以高精尖技术压缩建站成本，以超低价甚至免费享受高端体验。<br/>网·市场，让每个人都有自己的网站，让价格不再是阻碍的门槛！</div>'--%>
<%----%>
<%--});--%>
<%--}--%>
<%--//只有用户名带有ceshi的才会弹出合作联系的提示--%>
<%--if('${user.username}'.indexOf('ceshi') > -1){--%>
<%--setTimeout("rightTip()",8000);--%>
<%--}--%>
<%--</script>--%>

<% if (com.xnx3.wangmarket.im.Global.kefuMNSUtil != null) { %>
<!-- IM start -->
<script src="http://res.weiunity.com/layui217/layui.js"></script>
<script>
    var id = ${user.id};	//用户的id，用户唯一
    var password = "${password }";	//加密后密码
    var username = "${user.nickname }";	//用户昵称，用户在聊天框显示的名字
    var sign = '${siteUrl},${site.name}';	//当前用户签名
    var socketUrl = '${im_kefu_websocketUrl}'; //socket的url请求地址
</script>
<script src="http://118.25.235.213:8030/js/site.js"></script>

<!-- IM end -->
<% } %>

</body>
</html>